﻿@charset "utf-8";
@font-face{font-family: 'FontAwesome';
src: url('fonts/fontawesome-webfont.eot?v=4.3.0');
src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;}
/* CSS Document */
BODY{BACKGROUND: #fff; COLOR: #666; font-size:12px; font-family: "Microsoft YaHei","΢���ź�", "Lucida Grande", "Lucida Sans", Helvetica, Arial, Sans;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,input,button,p,th,td{margin:0;padding:0;}
div,ul{margin:auto; list-style:none}
.clear{clear:both;}
.hidden{display:none;}
IMG{border:none;}
A{COLOR: #666; TEXT-DECORATION: none}
A:hover{TEXT-DECORATION: none;}
a,img{border:0;}
.left{float:left}
.right{float:right}
.clear{clear:both}
.px { width:1066px; margin:0 auto}

/* top */
.headc { position:relative; width:100%; height:125px;}
.header ul.px { position:relative; margin:0 auto;}
.header .logo {   }
.header .logo a.left { margin:20px 0 0 2px;}
.header .logo a.right { margin:45px 10px 0 0;}
.header .logo a.right:hover { color:#000}

#header { width:100%; height:125px; background:url(headbg.jpg) top center repeat-x ; box-shadow: 0 2px 3px #666; position:absolute; z-index:999; }

.menu{ height:35px; width:100%;background:url(menubg.jpg) top center repeat-x ; position:absolute; top:90px;  }
.menu ul.px { position:relative;}
.menuitem{width: auto;height: 35px; float: left;position: relative;}
.menuitem a{color: #fff; font-size:16px; display:block; height:20px; line-height:20px; margin-top:7px;padding: 0 50px ; border-right:1px solid #0a5391;border-left:1px solid #65a0d3;   font-weight: 800;transition: none ease-out .3s;transition-property: color, background, text-indent, opacity}
.menuitem a.l { border-left:0;}
.menuitem a.r { border-right:0;}
.menuitem a:hover{color: #fd9467}
.menuitem a.active:after, .menuitem:hover a:after{content: ''; width: 100%; left: 0px; position: absolute; height: 3px; transition: all 0.3s ease 0s; z-index: -1;}
.menuitem:hover ul.submenu li a:after, .menuitem ul.submenu li a.active:after{width: 0px;}
.menuitem ul.submenu{transition: all 0.3s ease-out 0s;position: absolute;width: 210px;top:35px;left: -10px;opacity: 0;visibility: hidden;transform: translate3d(0px, 10px, 0px);-moz-transform: translate3d(0px, 10px, 0px);-webkit-transform: translate3d(0px, 10px, 0px);}
.menuitem:hover ul.submenu{opacity: 1;visibility: visible;transform: translate3d(0px, 0px, 0px);-moz-transform: translate3d(0px, 0px, 0px);-webkit-transform: translate3d(0px, 0px, 0px);z-index:999;}
.menuitem ul.submenu li{border-bottom: #eee 1px solid}
.menuitem ul.submenu li a{padding: 14px 30px; border:0; margin:0;width: 150px;height: 20px;line-height: 20px;background: #fff;display: block;color: #666;font-size: 12px; }
.menuitem ul.submenu li a i{float: right;margin-top: 5px;transition: all ease-out .2s;opacity: 0}
.menuitem ul.submenu li a:hover i{opacity: 1}
.menuitem ul.submenu li a:hover{text-indent: 10px;background: #eee;color: #000}
#index_header a#lg { float: right; display:block; width:30px; height:30px; background:#005bac; color:#fff; text-align: center; line-height:30px; position:relative; margin-top:10px; margin-left:20px;}
#index_header a#lg:hover { background-color:#666}

.fa-angle-down{color: #9E9E9E; margin-left: 8px; font-size: 12px;}
.fa-angle-down:before{content: "\f107";}
.fa-angle-right:before{content: "\f105";}
.fa{display: inline-block;
font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: inherit; line-height: 1; font-family: FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); margin-left: 10px;}
/* top end */

/* banner */
.tip{height:80px; width:100%;}
.index_banner{position:relative; width:100%;  margin:0 auto;}


/* flexslider */
.flexslider {margin:0 auto;position:relative; width:100%; height:500px;  overflow:hidden;zoom:1; }
.flex-viewport{max-height:2000px position:absolute;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides li{ text-align:center; width:100%; height:500px; overflow:hidden  }
.flexslider .slides li.banner01 { background:url(../images/banner01.jpg) top center no-repeat;}
.flexslider .slides li.banner02 { background:url(../images/banner02.jpg) top center no-repeat;}
.flexslider .slides li.banner03 { background:url(../images/banner03.jpg) top center no-repeat;}
.flexslider .slides li img  {  }
.flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-60px 0 0;display:block;background:url(ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;}
.flex-direction-nav .flex-next{background-position:0 -90px;right:0;}
.flex-direction-nav .flex-prev{left:0;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=50);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=50);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center;}
.flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{background:url(dot.png) no-repeat 0 -16px;display:block;height:16px;overflow:hidden;text-indent:-99em;width:16px;cursor:pointer;}
.flex-control-paging li a.flex-active{background-position:0 0;}


/* bottom */
.foot{width:100%; height:75px; background:url(footbg.jpg) repeat-x; position:relative; overflow:hidden;}
.foot_info{width:1066px; margin:0 auto;  line-height:20px; color:#fff; margin-top:10px;}
.foot_info h1 { font-size:16px; font-weight:normal; color:#fff; float:left; margin-right:30px;}
.foot_info a{color:#999;}
.foot_info a:hover,.foot_beian a:hover{color: #000;}
.foot_info li { line-height:25px;}
.foot_info span { margin-right:30px;}
.foot_beian {width:1066px; margin:0 auto; color:#fff;  line-height:20px; margin-top:10px; margin-bottom:10px;  }
.foot_beian a { margin-right:10px; color:#fff;}
#share{position:fixed;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight)-34+"px");bottom:0px; right:40px;width:30px;zoom:1;}
#share a{background-image:url(share.png); background-repeat:no-repeat; display:block; width:38px; height:38px; margin-bottom:2px; overflow:hidden; text-indent:-999px;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
#share a#totop{background-position:0 0px;position:absolute;cursor:pointer;bottom:43px;}
#share a#totop:hover{background-position:-38px 0px;}


/* bottom end */

.cutepage { text-align:center; margin:50px 0; font-size:12px;}
.cutepage a, .cutepage span {padding:8px 25px;border:1px solid #ccc;  margin: 0 3px; cursor:pointer;}
.cutepage a:hover,#detail_menu li a.active { background:#005bac; color:#fff; border:1px solid #fff;}


.main{width:1100px; height:350px;  background:url(index_yy.png) top center no-repeat;}
.main ul.main_content { width:1020px; margin:0 auto; padding:20px 0 0 0;}
#inab{width:480px;}

.index_main { width:1066px; height:232px; margin:0 auto; background:url(indexbg.jpg) top center no-repeat; position:relative; margin-top:30px;}
.index_about a.more { top:37px; right:0; position:absolute}
.index_about { width:290px; float:left; position:relative; overflow:hidden}
.index_about p { width:271px; height:120px; overflow:hidden; margin-top:60px; margin-left:19px;line-height:20px; text-indent:2em;  text-align: justify;text-justify: inter-ideograph;/*IE*/ }
.index_pr {width:735px; height:232px; float:right; position:relative; overflow:hidden;}
.index_pr a.more { top:37px; right:20px; position:absolute}
/* marqueeleft */
.marqueeleft{height:230px;width:720px;overflow:hidden ; margin:60px 0 0 0; position:absolute}
.marqueeleft ul{float:left;}
.marqueeleft li{float:left;margin:0 5px;display:inline;width:180px;overflow:hidden;}
.marqueeleft li .pic{display:block;width:180px;overflow:hidden;}
.marqueeleft li .pic img { width:100%}
.marqueeleft li .txt{text-align:center;height:30px;line-height:30px;}



#innews{width:1066px; height:750px; margin:0 auto; overflow:hidden; position:relative }

.innews_main {width:410px; height:180px; overflow:hidden; position: absolute; bottom:40px; left:15px;}
.innews_main h1 { font-size:18px; font-weight:normal; height:40px; line-height:40px;  }
.innews_main h1 a {color:#000;}
.innews_main h1 a.right { top:15px; position:absolute; right:5px;}
.jdnews {  border-bottom:1px dotted #aaa; height:60px; overflow:hidden; padding: 10px 0 0 0;}
.jdnews li.left { width:35px;}
.jdnews li.right { width:360px;}
.jdnews span.yue { display:block; width:35px; height:15px; line-height:17px; background:#0099d9; color:#FFFFFF; text-align:center; margin-bottom:1px;}
.jdnews span.ri { display:block; width:35px; height:30px;line-height:30px; background:#005bac; color:#FFFFFF; font-size:18px; text-align:center; }
.jdnews h4 a { color:#005bac; font-size:14px; }
.jdnews h4 { width:100%; height:20px; overflow:hidden; margin-bottom:5px;}
.jdnews li.right p { width:100%; height:40px; overflow:hidden;}

.innews { margin-top:0px; position:relative; overflow:hidden; width:100%;}
.innews ul { margin-top:-17px;}
.innews span { display: block; width:80px; float:left; color:#333; }
.innews li { line-height:22px; width:100%; height:22px; overflow:hidden;}
.innews li a:hover,.jdnews p a:hover  { color:#000;}

.abimg { margin-right:30px; float:left; width:350px;}


.dashi h3 { font-weight:normal; font-size:24px; color:#000; margin-top:50px; margin-bottom:30px;}
.dashi li { width:100%; position:relative; overflow:hidden; padding:5px 0; }
.dashi li:hover { background:#f9f9f9;}
.dashi li span { display:block; float:left; margin-right:20px; font-size:16px; color:#000; width:120px; }
.dashi li font { display:block; float:left; margin-right:20px; color:#aaa}
.dashi li div { float:left; width:650px;  }
.dashi li p { text-indent:0; line-height:20px; margin-bottom:0;}


.detail_banner { width:100%; height:200px; }
.detail_banner.about { background:url(../images/banner_ab.jpg) center top no-repeat; }
.detail_banner.rongyu { background:url(../images/banner_rongyu.jpg) center top no-repeat; }
.detail_banner.wenhua { background:url(../images/banner_wenhua.jpg) center top no-repeat; }
.detail_banner.jianshe { background:url(../images/banner_jianshe.jpg) center top no-repeat; }
.detail_banner.product { background:url(../images/banner_product.jpg) center top no-repeat; }
.detail_banner.jiance { background:url(../images/banner_jiance.jpg) center top no-repeat; }
.detail_banner.shengchan { background:url(../images/banner_shengchan.jpg) center top no-repeat; }
.detail_banner.xiaoshou { background:url(../images/banner_xiaoshou.jpg) center top no-repeat; }
.detail_banner.xinwen { background:url(../images/banner_news.jpg) center top no-repeat; }
.detail_main { width:1066px; margin:0 auto; overflow:hidden; position:relative; margin-bottom:30px;margin-top:30px;}

#detail_left { width:214px;min-height:340px;  background:url(listbg.jpg) top center no-repeat; overflow:hidden; }
#detail_left li { background:url(leftlistbg.jpg) center top no-repeat; margin-bottom:10px ;margin-top:10px;}
#detail_left a {  height:30px; line-height:30px; padding-left:40px}
#detail_left p { display:block; font-size:14px; color:#666;  padding-bottom:10px; padding-left:40px; height:30px; line-height:30px;}
#detail_left a:hover { color:#000;}
#detail_left a i{float: right;margin-top: 5px;transition: all ease-out .2s;opacity: 0; display:none;}
#detail_left a:hover i {opacity: 0; display:none;}
#detail_left h1 { font-weight:normal; color:#fff; font-size:16px; height:45px; line-height:45px; padding:0 0 0 20px;}

#detail_left li.prleft { background:url(leftlistbg_pr.jpg) center top no-repeat; margin-bottom:10px ;margin-top:10px;} { background:url(leftlistbg_pr.jpg) center top no-repeat; margin-bottom:10px ;margin-top:10px;}
.prleft a { display:block;background:url(leftlistbg_prli.jpg) top left no-repeat; height:20px; margin-left:20px; line-height:20px; border-bottom:1px dotted #ddd; margin-top:10px; margin-bottom:10px;}

#detail_right { width:820px; padding-left:30px; font-size:14px; line-height:25px;}
#detail_right h1.title { width:100%; height:50px; border-bottom:1px dotted #ddd; margin-bottom:50px; font-size:18px; font-weight:normal; }

#detail_right h1 { font-size:18px; font-weight:normal; color:#000; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #ddd;}

.content p { text-indent:2em; margin-bottom:20px;}


.product h1 { text-align:center; font-size:24px; font-weight:normal;}
.product h2 { text-align:center; font-size:14px; font-weight:normal; color:#999}
#detail_menu { text-align:center; margin:50px 0; font-size:12px;}
#detail_menu li {display:inline-block; zoom:1;  }
#detail_menu li a {padding:8px 25px;border:1px solid #ccc;  margin: 0 3px;}
#detail_menu li a:hover,#detail_menu li a.active { background:#005bac; color:#fff; border:1px solid #fff;}

#pr_list { width:820px; float:right}
#pr_list li {  float:left; width:252px; height:190px; overflow:hidden; margin:10px 7px; text-align:center}
#pr_list li img { width:100%; height: auto; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
#pr_list li a.img { width:252px; height:161px; display:block; overflow:hidden;}
#pr_list li a:hover img{transform: scale(1.2, 1.2)}
#pr_list li a { line-height:40px; font-size:14px; text-align:center}
#pr_list li a:hover { color:#000
}

h1.title { text-align:center; font-size:24px; font-weight:normal; margin-top:20px; margin-bottom:20px;}
h1.title p { font-size:12px; font-weight:normal; color:#666; text-indent:0;}

h1.news_title { width:100%; margin-bottom:10px;  font-size:24px; font-weight:normal;color:#333; }

#news_list { width:1066px; margin:0 auto; margin-bottom:-20px;}
#news_list ul { width:1200px; overflow:hidden}
#news_list li { float:left; width:320px; height:290px; overflow:hidden; margin:0 50px 80px 0px;}
#news_list li a { display:block;}
#news_list li a.time { font-size:16px; color:#ccc; margin-bottom:10px; font-family:"HELVETICANEUELTPRO-THEX", Arial;}
#news_list li a.time i { opacity: 0 }
#news_list li a.img { width:100%; height:150px; overflow:hidden;}
#news_list li a.img img { width:100%;}
#news_list li a.title { font-size:16px; color:#000;   margin-bottom:10px; width:100%; margin-top:10px; height:25px; line-height:25px; overflow:hidden;  }
#news_list li a.jianjie { line-height:20px; color:#999;border-top:1px dotted #ddd; padding-top:10px;text-indent:2em;      text-align: justify;text-justify: inter-ideograph;/*IE*/}
#news_list li a:hover i {opacity: 1}
#news_list li a.title:hover { color:#666;}

#news_list_l { width:820px; overflow:hidden;}
#news_list_l ul li{ width:100%; overflow:hidden; height:40px; line-height:40px; border-bottom:1px dotted #ddd}
#news_list_l ul li:hover { background:#f9f9f9;}
#news_list_l ul.listtitle { background:#eee}
#news_list_l ul li .title { width:590px; padding-left:20px;}
#news_list_l ul li .time { width:150px;}
#news_list_l ul li .jianjie { width:50px;} 
#news_list_l ul li span { display:block; float:left}
#news_list_l ul li a {display:block; float:left}

#news_list2 { width:820px;}
#news_list2 li { width:100%; line-height:50px; font-size:16px; border-bottom:1px dotted #ddd; }
#news_list2 li a.time { display:block; width:120px; float:left; color:#999}




.contact {width:100%; overflow:hidden; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; padding-top:80px; padding-bottom:80px;position:relative; }
.contactmain ul { width:1500px;overflow:auto; _height:1%;}
.contactmain li { width:430px; position:relative; overflow:hidden; float:left; margin-top:30px; margin-bottom:30px;}
.contactmain p{ line-height:30px; padding-right:30px;}
.contactmain strong { color:#000000}
.contact h1 { font-size:18px; text-align:left; color:#000;}
.contact h2 { font-size:14px; text-align:left; margin-top:10px;}

.bottomback { width:100%;margin:50px 0;}
.bottomback td { width:33.3%;}
.bottomback a.backlist {padding:8px 25px;border:1px solid #ccc;  margin: 0 3px; }
.back { text-align:center; margin:50px 0; font-size:12px;}
.back a {padding:8px 25px;border:1px solid #ccc;  margin: 0 3px;}
.back a:hover,#detail_menu li a.active { background:#005bac; color:#fff; border:1px solid #fff;}



#mbOverlay { position:fixed; z-index:9998; top:0; left:0; width:100%; height:100%; background-color:#000; cursor:pointer; }
#mbOverlay.mbOverlayFF { background:transparent url(80.png) repeat; }
#mbOverlay.mbOverlayIE { position:absolute; }
#mbCenter { height:100%; position:absolute; z-index:9999; left:50%; background-color:#fff; -moz-border-radius:10px; -webkit-border-radius:10px; -moz-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70); -webkit-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70); }
#mbCenter.mbLoading { background:#fff url(../images/rongyu/WhiteLoading.gif) no-repeat center; -moz-box-shadow:none; -webkit-box-shadow:none; }
#mbImage { left:0; top:0; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:left; background-position:center center; background-repeat:no-repeat; padding:10px; }
#mbImage a, #mbImage a:link, #mbImage a:visited { color:#ddd; }
#mbImage a:hover, #mbImage a:active { color:#fff; }
#mbBottom { min-height:20px; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#999; text-align:left; padding:0 10px 10px; }
#mbTitle { display:inline; color:#999; font-weight:bold; line-height:20px; font-size:12px; }
#mbNumber { background:url(../images/rongyu/mbNumber_bg.gif) no-repeat center; display:inline; color:#C00; line-height:26px; font-size:12px; position: absolute; bottom: 10px; right: 10px; text-align: center; width:65px; height:26px; }
#mbCaption { display:block; color:#999; line-height:14px; font-size:10px; }
#mbPrevLink, #mbNextLink, #mbCloseLink { display:block; float:right; height:20px; margin:0; outline:none; }
#mbPrevLink { width:32px; height:100px; background:transparent url(../images/rongyu/CustomBlackPrevious.gif) no-repeat center; position: absolute; top:38%; left:-32px; }
#mbNextLink { width:32px; height:100px; background:transparent url(../images/rongyu/CustomBlackNext.gif) no-repeat center; position: absolute; top:38%; right:-32px; }
#mbCloseLink { width:24px; background:transparent url(../images/rongyu/CustomBlackClose.gif) no-repeat center; position:absolute; top:10px; right:10px; }
#mbError { position:relative; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:center; border:10px solid #700; padding:10px 10px 10px; margin:20px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active { color:#d00; font-weight:bold; text-decoration:underline; }

.meta{ text-align:center; width:250px; height:30px; overflow:hidden;}
.meta a{color:#333; text-decoration:none}

.mod_gallerylist{width:950px;margin:0 auto; }
.mod_gallerylist ul { width:1000px; overflow:hidden}
.mod_gallerylist li {margin:0 4px 0 0; display: inline-block;	*display:inline;	zoom:1; }
.mod_gallerylist li img { width:100%; border:1px solid #ddd; padding:2px;}
.mod_gallerylist h1 span { font-size:40px; color:#d60000; font-style:italic; margin-right:10px;}
.mod_gallerylist h1 { width:100%; border-bottom:1px dashed #999; margin-bottom:20px; margin-top:20px; padding-bottom:10px;}

	
.layout_default{ margin:5px; display: inline-block;	*display:inline; zoom:1;}
.image_container { width:250px; height:180px; background:#f9f9f9; overflow:hidden; border:1px solid #CCC; padding:3px; text-align:center; display: inline-block;	*display:inline;	zoom:1;}
.image_container img{ height:100%; width:auto; max-width:100%;  }




/*图集标题栏*/
.main-title{ width:1175px;background:#fff;border-top:1px solid #cfcfcf;margin-bottom:20px;}
.main .path{ height:30px;padding-left:10px;font:bold 14px/30px "微软雅黑";color:#44546b;}
.main .path a{color:#44546b;padding:0 5px;}
.main-title h1{ height:60px;background:#2b4158;border-bottom:1px dashed #6c7c89; font:bold 18px/60px "微软雅黑"; color:#fffeff; text-align:center;position:relative;}
.main-title h1 .r-side{ width:300px; height:50px; position:absolute; right:10px;top:5px; font-size:12px; font-weight:normal}
.main-title h1 .r-side i{ font-style:normal;color:#a4a6a5;}
.main-title h1 .r-side dt{ width:50px; height:50px; float:left;margin-right:10px;}
.main-title h1 .r-side dd{ float:left; line-height:25px;}
.main-title .tuji-info{ background:#fcf1d3; line-height:24px;padding:10px; color:#6c6c6e}
/*layout*/
.photo-warp-inner { width:100%;margin:0 auto;background:#fff;}
.photo-warp-inner .img-title{height:40px;padding:0 20px;background:#435468; text-align:left; color:#fdfdfd;font:normal 18px/40px "微软雅黑";  position:relative;}
.photo-warp-inner .img-title h2{ float:left; display:inline; font:normal 18px/40px "微软雅黑";}
.photo-warp-inner .img-title .ad-controls{ display:inline; float:left; margin-left:20px;}
.photo-warp-inner .img-title .ad-controls .ad-info{}
.photo-warp-inner h2.tl{padding:0 20px; text-align:left;}
.photo-warp-inner .img-title .r-area{ height:40px; position:absolute;right:10px;top:0;color:#b3b1b4;}
.photo-warp-inner .img-title .r-area a{display:inline-block;color:#b3b1b4;margin:0 5px; font-size:14px; text-align:center;}
.photo-warp-inner .mainArea {text-align:center;margin:8px auto;position:relative;overflow:hidden;zoom:1;min-height:400px;_height:800px;}
.photo-warp-inner .mainArea .ad-image{ width:970px; margin:0 auto; position:relative; z-index:9; overflow:hidden;}
.photo-warp-inner .mainArea .ad-image img{max-width:970px;}
.photo-warp-inner .mainArea span.tucao{ display:block; position:absolute;z-index:11; cursor:pointer; background:#000;opacity:0.7;filter:alpha(opacity:70);border:1px solid #7E7E7E}
.photo-warp-inner .mainArea span.tucao-content{ display:block;padding:5px; word-wrap:break-word;color:#fff; text-align:left;line-height:20px; min-height:1px; font-size:12px;}
.photo-warp-inner .mainArea span.bg-f{ background:#fff;}
.photo-warp-inner .mainArea span.color-b{ color:#000;}
.photo-warp-inner .buttonArea {float:right;width:25px;height:15px;position:absolute;background:url(../images/btnDown3.png) no-repeat 1px 7px ;bottom:9px;right:4px;z-index:303;color:#E3E3E3;cursor:pointer;padding-left:15px;padding-top:0px;}
.photo-warp-inner .openTips {width:49px;height:14px;line-height:16px;text-align:center;padding-left:1px;padding-top:2px;background:#000;border:1px solid #7A7A7A;position:absolute;bottom:9px;right:2px;color:#FFF;z-index:301;cursor:pointer;background:#3E3E3E;}
.photo-warp-inner #loading {width:100px;height:100px;position:absolute;z-index:999;left:225px;top:150px;font-size:12px;color:#fff;line-height:100px;}
/*pic-information*/
.tit a{color:#333;}
.picInfo{width:800px;margin:15px auto;padding:5px;border:1px solid #c4c0c6;-webkit-box-shadow:2px 2px 3px #ccc;-moz-box-shadow:2px 2px 3px #ccc;-o-box-shadow:2px 2px 3px #ccc;box-shadow:2px 2px 3px #ccc;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; text-indent:24px; font-size:12px;color:#666;}
.photo-info{min-height:30px;_height:60px; line-height:24px; text-align:left; color:#333;padding:5px 10px;border-top:1px dashed #d9d9d9; position:relative;}
.photo-info .coll-area{ height:20px;position:absolute;right:20px; bottom:10px;}
.photo-info .coll-area a{height:20px; display:inline-block;border-radius:3px; background:url(../images/set_bg.gif) repeat-x;padding:0 5px; color:#dedee3; text-align:center; line-height:20px;}
.photo-info .coll-area a:hover{ text-decoration:none; color:#fff;}
.photoList-wrap { height:110px;padding:10px; background:#cdcdcd;margin:0 auto; overflow:hidden;}
.ad-back,.ad-forward{ width:28px; height:91px;margin-top:8px; background:url(../images/btn-bg.png) no-repeat;_display:inline; cursor:pointer;}
.ad-back,.ad-back:hover{float:left; }
.ad-back{background-position:0 0;}
.ad-back:hover {background-position:-29px 0;}
.ad-forward,.ad-forward:hover{float:right;}
.ad-forward {background-position: -59px 0;}
.ad-forward:hover {background-position: -88px 0;}
.photo-List {height:102px;float:left; overflow:hidden;zoom:1;margin-left:8px;display:inline;position:relative;}
.smallPhoto {position:absolute;left:0px;top:0px;display:block;}
.photo-List ul{ position:relative; overflow:hidden;}
.photo-List ul.wide6 li{margin-right:16px;}
.photo-List li{width:126px; height:90px;_height:92px;padding:9px 3px 3px 3px; background:url(../images/img-border-bg.gif) no-repeat 3px 0; cursor:pointer; float:left; vertical-align:middle;}
.photo-List li.ad-active{ background:url(../images/sel-bg.gif) no-repeat 3px 0}
.photo-List li a{width:126px; height:90px;display:table-cell;vertical-align:middle; text-align:center;*display:block;*font-size:79px;*font-family:Arial;}
.photo-List li a img{ display:inline;max-width:120px;_width:120px; max-height:90px;_height:90px;vertical-align:middle;}
.mainArea .ad-prev,
.mainArea .ad-next{width:50%;height:100%;position:absolute;z-index:100;background:#fff;_background:none;opacity:0;filter:alpha(opacity=0);}
.mainArea .ad-prev{left:0;top:0;cursor: url(&quot;../images/img_pre.cur&quot;), auto;}
.mainArea .ad-next{right:0;top:0;cursor: url(&quot;../images/img_next.cur&quot;), auto;}
/*缩略图按钮*/
.nph_set_next,
.nph_set_pre{ display:inline; width:116px; height:116px;display:block;background:url(../images/other-bg.png) no-repeat center 0; vertical-align:middle; text-align:center}
.nph_set_pre{margin:5px 20px 0 25px; _margin:5px 20px 0 15px;padding:3px 2px 0 7px;background-position:0 0;}
.nph_set_next{margin:5px 20px 0 20px;padding:3px 5px 0 4px; background-position:-250px 0;}
.nph_set_next span,
.nph_set_pre span{ width:114px; height:85px;display:table-cell;vertical-align:middle; text-align:center;*display:block;*font-size:78px;*font-family:Arial;}
.nph_set_next span img,
.nph_set_pre span img{ max-width:114px;_width:114px; max-height:85px;_height:85px; vertical-align:middle;margin: 0 auto;}
.nph_set_next p,
.nph_set_pre p{margin-top:8px; line-height:16px;}
/*拖动条自适应*/
.scrollbar-box{ height:30px;background:#cdcdcd; overflow:hidden;}
#scrollbar,
#scrollbar-b{height:30px;margin:0 auto;position:relative;}
#scrollbar{background:#cdcdcd url(../images/scrollBgline.gif) repeat-x 0 6px;}
#scrollbar-b{ background:url(../images/scrollBgline-b.png) repeat-x;}
#scrollbar .scroll-fix,
#scrollbar-b .scroll-fix{cursor:e-resize;display:block;height:16px;overflow:hidden;position:absolute;left:0px;top:1px;}
#scrollbar .scroll-fix{width:98px;background:url(../images/scroll-bg.gif) no-repeat}
#scrollbar-b .scroll-fix{ width:199px; height:13px; background: url(../images/scroll-b-bg.gif) no-repeat;}
.nph_btn_scrl {width:36px;cursor:e-resize;display: block;outline:none;position: absolute;top:1px;}
.nph_btn_scrl .nph_btn_lt { width: 10px; height: 15px; margin-right: -10px; float: left;}
.nph_btn_scrl .nph_btn_rt { width: 10px;  height: 15px; margin-left: -10px; float: right;}
.nph_btn_scrl .nph_btn_bd { width: 100%;min-height: 1px; float: left;}
.nph_btn_scrl .nph_btn_bd span { height: 15px;display: block; margin: 0 10px;}
.nph_btn_scrl .nph_btn_ct { width: 14px; height:15px; display: block; margin: auto;}
.nph_btn_scrl .nph_btn_lt,
.nph_btn_scrl .nph_btn_rt,
.nph_btn_scrl .nph_btn_bd span,
.nph_btn_scrl .nph_btn_ct {background: url(../images/scroll-auto-bg.png) no-repeat;}
.nph_btn_scrl .nph_btn_lt { background-position: 0 0;}
.nph_btn_scrl .nph_btn_rt {background-position: -26px 0;}
.nph_btn_scrl .nph_btn_ct {background-position: -11px 0;}
.nph_btn_scrl:hover .nph_btn_lt {background-position: 0 -16px;}
.nph_btn_scrl:hover .nph_btn_rt { background-position: -26px -16px;}
.nph_btn_scrl:hover .nph_btn_ct {background-position: -11px -16px;}
.nph_btn_scrl .nph_btn_bd span { background-repeat:repeat-x;background-position:0 -32px;}
.nph_btn_scrl:hover .nph_btn_bd span {background-position: 0 -48px;}
/*预加载小图标*/
.ad-loader{position: absolute;z-index: 10;top: 200px;left: 48%;border: 1px solid #CCC;}
.ad-preloads{display:none;}



option { color:#666;}
select { color:#666}